import React from 'react'
import BottomMenu from '../../../components/BottomMenu';
import { NavBar, Space, Toast } from 'antd-mobile'
import { RightOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom';
import '../../../css/csy/page.css'
const Page = () => {
    const navigate = useNavigate()
    const back = () => {
        navigate(-1)
    }
    const dian = ()=>{
        navigate('/view')
    }
    return (
        <>
            <NavBar onBack={back}>消息</NavBar>
            <div className='box'>
                <div className='page'>
                    <span>酒店预订成功</span>
                    <p>您好,您已成功预定如家杭州南山路分店</p>
                    <p>入离时间:2024年7月11日至2024年7月12日</p>
                    <p>房间数:1间</p>
                    <p>房间保留:2024年7月11日18:00</p>
                    <div>
                        <span onClick={dian}>查看详情</span>
                        <RightOutline className='icon'></RightOutline>
                    </div>
                </div>
                <div className='page'>
                    <span>酒店预订成功</span>
                    <p>您好,您已成功预定如家杭州南山路分店</p>
                    <p>入离时间:2024年7月11日至2024年7月12日</p>
                    <p>房间数:1间</p>
                    <p>房间保留:2024年7月11日18:00</p>
                    <div>
                        <span onClick={dian}>查看详情</span>
                        <RightOutline className='icon'></RightOutline>
                    </div>
                </div>
  
        
            </div>


            <BottomMenu></BottomMenu>
        </>
    )
}

export default Page